<!--
 * @Author: yaoling 1871883713@qq.com
 * @Date: 2022-10-20 18:11:21
 * @LastEditors: yaoling 1871883713@qq.com
 * @LastEditTime: 2022-12-12 14:31:40
 * @FilePath: \company-world\src\views\menuManagement\index.vue
 * @Description: 菜单管理
-->
<template>
  <div class="menu-management">
    <!-- 菜单查询 -->
    <MenuQuery @onRefresh="onRefresh" @search-data="searchData"></MenuQuery>
    <!-- 菜单管理表格 -->
    <Main ref="main"></Main>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import MenuQuery from './components/MenuQuery.vue'
import Main from './components/Main.vue'
import { Itype } from '../noticeManagement/config/notice'
/**
 * @desc: 搜索
 */
const main = ref()
const searchData = (data: string) => {
  main.value.getData(data)
}
/**
 * @desc:重置
 */
const onRefresh = () => {
  main.value.onRefresh()
}
</script>

<style lang="less" scoped>
.menu-management {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
</style>
